/* 课程分类选择器样式 */
.categorySelector {
  @apply w-full;
}

.optionContent {
  @apply flex items-center gap-2;
}

.colorIndicator {
  @apply w-3 h-3 rounded-full flex-shrink-0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.folderIcon {
  @apply text-orange-500 flex-shrink-0;
}

.categoryName {
  @apply flex-1 truncate;
}

.optionBadge {
  @apply flex-shrink-0;
}

.optionBadge :global(.ant-badge-count) {
  @apply text-white text-xs;
}

.categoryTag {
  @apply flex items-center gap-1 m-0;
}

.tagColorIndicator {
  @apply w-2 h-2 rounded-full flex-shrink-0;
}

.tagBadge {
  @apply ml-1;
}

.tagBadge :global(.ant-badge-count) {
  @apply text-white text-xs;
}

/* 下拉框样式 */
.categoryDropdown {
  @apply max-h-64;
}

.categoryDropdown :global(.ant-select-item-option-content) {
  @apply w-full;
}

/* 选择器样式优化 */
.categorySelector :global(.ant-select-selector) {
  @apply transition-all duration-200;
}

.categorySelector :global(.ant-select-focused .ant-select-selector) {
  @apply shadow-sm;
}

.categorySelector :global(.ant-select-selection-item) {
  @apply flex items-center;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .categoryTag {
    @apply text-xs;
  }
  
  .optionContent {
    @apply text-sm;
  }
  
  .colorIndicator {
    @apply w-2.5 h-2.5;
  }
}

/* 暗色主题支持 */
@media (prefers-color-scheme: dark) {
  .categorySelector :global(.ant-select-selector) {
    @apply bg-gray-700 border-gray-600;
  }
  
  .categorySelector :global(.ant-select-selection-item) {
    @apply text-gray-100;
  }
  
  .categorySelector :global(.ant-select-selection-placeholder) {
    @apply text-gray-400;
  }
  
  .categoryDropdown {
    @apply bg-gray-800;
  }
  
  .categoryDropdown :global(.ant-select-item) {
    @apply text-gray-200;
  }
  
  .categoryDropdown :global(.ant-select-item-option-selected) {
    @apply bg-blue-600;
  }
  
  .categoryDropdown :global(.ant-select-item-option-active) {
    @apply bg-gray-700;
  }
  
  .colorIndicator {
    border-color: rgba(255, 255, 255, 0.2);
  }
}